<%--
  Created by IntelliJ IDEA.
  User: 86152
  Date: 2022/3/23
  Time: 13:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>SplashDash</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <base href="${pageContext.request.contextPath}/">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
</head>
<body>
<header class="header-wrapper main-header">
    <div class="header-inner-wrapper">
        <div class="logo-wrapper">
            <a href="" class="admin-logo">
                <img src="static/picture/logo.png" alt="">
            </a>
        </div>
        <div class="header-right">
            <div class="serch-wrapper">
                <form>
                    <input type="text" placeholder="Search Here...">
                </form>
                <a class="search-close" href="javascript:void(0);"><span class="icofont-close-line"></span></a>
            </div>
            <div class="header-left">
                <div class="header-links">
                    <a href="javascript:void(0);" class="toggle-btn">
                        <span></span>
                    </a>
                </div>
                <div class="header-links search-link">
                    <a class="search-toggle" href="javascript:void(0);">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                             x="0px" y="0px" viewbox="0 0 56.966 56.966"
                             style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve">
                                    <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23
                                    s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92
                                    c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17
                                    s-17-7.626-17-17S14.61,6,23.984,6z"></path>
                                </svg>
                    </a>
                </div>
            </div>
            <div class="header-controls">
                <div class="user-info-wrapper header-links">
                    <a href="javascript:void(0);" class="user-info">
                        <img src="static/picture/user.jpg" alt="" class="user-img">
                        <div class="blink-animation">
                            <span class="blink-circle"></span>
                            <span class="main-circle"></span>
                        </div>
                    </a>
                    <div class="user-info-box">
                        <div class="drop-down-header">
                            <h4>${sessionScope.user.username}</h4>
                            <p>${sessionScope.role}</p>
                        </div>
                        <ul>
                            <li>
                                <a href="api/auth/logout">
                                    <i class="fas fa-sign-out-alt"></i> logout
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Sidebar Start -->
<aside class="sidebar-wrapper">
    <div class="side-menu-wrap">
        <ul class="main-menu">
            <c:if test="${sessionScope.user.roleId==1}">
            <li>
                <a href="javascript:void(0);" class="active">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round" class="feather feather-home"><path
                                        d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline
                                        points="9 22 9 12 15 12 15 22"></polyline></svg>
                            </span>
                    <span class="menu-text">
                                角色
                            </span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="page/admin/adminList">
                                    <span class="icon-dash">
                                    </span>
                            <span class="menu-text">
                                        管理员
                                    </span>
                        </a>
                    </li>
                    <li>
                        <a href="page/admin/userList">
                                    <span class="icon-dash">
                                    </span>
                            <span class="menu-text">
                                         用户
                                    </span>
                        </a>
                    </li>
                </ul>
            </li>
            </c:if>
            <li>
                <c:if test="${sessionScope.user.roleId==1}">
                    <a href="page/admin/orders">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round" class="feather feather-truck"><rect x="1" y="3" width="15"
                                                                                                 height="13"></rect><polygon
                                        points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5"
                                                                                                    r="2.5"></circle><circle
                                        cx="18.5" cy="18.5" r="2.5"></circle></svg>
                            </span>
                            <span class="menu-text">
                                商品列表
                            </span>
                    </a>
                </c:if>
                <c:if test="${sessionScope.user.roleId==2}">
                    <a href="page/user/orders">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round" class="feather feather-truck"><rect x="1" y="3" width="15"
                                                                                                 height="13"></rect><polygon
                                        points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5"
                                                                                                    r="2.5"></circle><circle
                                        cx="18.5" cy="18.5" r="2.5"></circle></svg>
                            </span>
                        <span class="menu-text">
                                商品列表
                            </span>
                    </a>
                </c:if>
            </li>
            <c:if test="${sessionScope.user.roleId==1}">
            <li>
                <a href="page/admin/vistorList">
                        <span class="icon-menu feather-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                 stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-users"><path
                                    d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path
                                    d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path
                                    d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                        </span>
                        <span class="menu-text">
                            游客
                        </span>
                </a>
            </li>
            </c:if>
            <c:if test="${sessionScope.user.roleId==2}">
            <li>
                <a href="page/user/addProduct">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
                            </span>
                    <span class="menu-text">
                                Form
                            </span>
                </a>
            </li>
            </c:if>
        </ul>
    </div>
</aside>
<!-- Script Start -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/popper.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/apexcharts.min.js"></script>
<script src="static/js/control-chart-apexcharts.js"></script>
<!-- Page Specific -->
<script src="static/js/nice-select.min.js"></script>
<!-- Custom Script -->
<script src="static/js/custom.js"></script>
</body>
</html>
